{include file="public/header"/}

<body>
<article class="page-container">
	<form class="form form-horizontal" name="form1" id="form-commodity-add">
		<!--<div class="form form-horizontal" id="form-admin-add">-->
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">商品分类列表：</label>
			<div class="formControls col-xs-8 col-sm-9">
			<span class="select-box" style="width:200px;">
			<select class="select" name="role" size="1">
				{foreach $a as $vo}
					<option value="{$vo.id}">{$vo.name}</option>
				{/foreach}
			</select>
			</span>
			</div>
		</div>


		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品图片：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<div class="uploader-thum-container">
					<input id="fileId" type="file" name="pic" multiple="multiple" />
				</div>
			</div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品名称：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="名称" id="name" name="name" style="width: 300px;">
			</div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品价格：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" onkeyup="value=value.replace(/[\u4E00-\u9FA5]|[A-Za-z]/g,'')" placeholder="输入书籍价格例(￥15.30)" id="price" name="price">
				<input onkeyup=checkNum(this) type="text" class="input-text" value="" placeholder="价格" id="priceId" name="price" style="width: 300px;">
			</div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品属性：</label>
			<div class="formControls col-xs-8 col-sm-9">
				商品产地：<input type="text" class="input-text" value="" placeholder="来源产地" id="place" name="place" style="width: 300px;"><br/>
				商品规格：<input type="text" class="input-text" value="" placeholder="如：每个/约50g" id="specs" name="specs" style="width: 300px;"><br/>
				储存方式：<input type="text" class="input-text" value="" placeholder="如：冷藏" id="storage" name="storage" style="width: 300px;"><br/>
				营养价值：<input type="text" class="input-text" value="" placeholder="如：含有蛋白质" id="nutritive" name="nutritive" style="width: 300px;">
			</div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>是否发布：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
				<div class="radio-box">
					<input name="state" type="radio" value="0" checked>
					<label>发布</label>
				</div>
				<div class="radio-box">
					<input type="radio" name="state" value="1">
					<label>不发布</label>
				</div>
			</div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品详情：</label>
			<div class="formControls col-xs-8 col-sm-9" >
				<textarea id="editor" type="text" name="content" value="" style="width:700px;height:300px;"></textarea></div>
		</div>

		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
				<!--<button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>-->
			</div>
		</div>
	</form>
</article>
{include file="public/footer"/}

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__STATIC__/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
<script type="text/javascript" src="__STATIC__/admin/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>



<script type="text/javascript">
    // function check(editor) {
    //     var obj = document.getElementById("editor");
    //     if (obj.value == "") {
    //         alert("实验记录输入格式不正确，请重新输入！");
    //         obj.focus();
    //         return false;
    //     }
    // }
    function checkNum(obj) {

        obj.value = obj.value.replace(/^0*/g, '');//第一个数不能为0 ，若为0替换为空
        obj.value = obj.value.replace(/[^\d.]/g, "");//是否是数字 和小数点，若是除数字 和小数点之外的则替换为空
        obj.value = obj.value.replace(/^\./g, "");//确证第一个为数字而不是“.”
        obj.value = obj.value.replace(/\.{2,}/g, ".");//只能输入一个“.”
        obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");//保证”.“只出现一次，而不能出现两次以上
        obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');//只能输入两个小数   
    }

    $(function(){
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });


        $("#form-commodity-add").validate({
            rules:{
                name:{
                    required:true,
                    minlength:2,
                    maxlength:16
                },
                price:{
                    required:true,
                },
                place:{
                    required:true,
                },
                specs:{
                    required:true,
                },
                storage:{
                    required:true,
                },
                nutritive:{
                    required:true,
                },
            },
            onkeyup:false,
            focusCleanup:true,
            success:"valid",
            submitHandler:function(form){
                var files = document.getElementById('fileId').files;
                var fileSize = 0;
                if(files.length!=0){
                    fileSize = files[0].size;
                }
                if(fileSize >2567800){
                    layer.msg('图片不能大于2M',{icon:2,time:2000});
                    return false;
                }

                var value = document.getElementById("priceId").value;
                var reg=/^(\d+|\d+\.\d{1,4})$/; // 注意：故意限制了 0321 这种格式，reg=/^[1-9]\d*$|^0$/如不需要，直接reg=/^\d+$/;
                if(!reg.test(value))
                {
                    layer.msg('商品价格只能为数字！', {icon: 2, time: 2000});
                    return;
                }

                if(document.getElementById("fileId").value == null || document.getElementById("fileId").value == "")
                {
                    layer.msg('商品图片不能为空！', {icon: 2, time: 2000});
                    return;
                }

                var t=$('textarea').val();  //判断textarea标签是否填写
                if (t=='') {
                    layer.msg('商品详情内容不能为空！',{icon:2,time:2000});
                    return false;
                }
                $(form).ajaxSubmit({
                    type: 'post',
                    url: "commodityAdd" ,
                    success: function(data){
                        if (data.code == 403) {
                            layer.msg('添加失败！',{icon:2,time:1000});
                            return false;
                        }
                        if (data.code == 200){
                            layer.msg('添加成功！',{icon:1,time:2000});
                            setTimeout(function () {
                                window.parent.location.reload();
                                parent.layer.close();
                            },1000);
                        }
                    },
                });

            }
        });
        var ue = UE.getEditor('editor');

    });


</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>